<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            div {
                text-align:center;
                font-size:36px;
                margin:auto auto 100px auto;
            }
            .ellipsisMultiLine {
                width:180px;
                overflow:hidden;
                text-overflow:ellipsis;
                display:-webkit-box;
                /* 多少行 */ 
                -webkit-line-clamp:3;
                -webkit-box-orient:vertical;
            }
        </style>
    </head>
    <body>
        <div class="ellipsisMultiLine" title="好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！">
            好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！好好学习，天天向上！
        </div>
    </body>
</html>
